<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
		<title>首页</title>

		<!--js-->
		<script type="text/javascript" src="js/jquery.3.js"></script>
		<!--css-->
		<link rel="stylesheet" href="mystyle.css">
	</head>
	<!-- 模块拼接js -->
	<script type="text/javascript">
		$(document).ready(function() {
			$('.header').load("header.html");
		})
	</script>

	<body class="index-body">
		<!-- 外部头部拼接 -->
		<div class="header"></div>
		<div class="index-content">
			<div class="index-bread">
				<ol>
					<li>
						<a href="http://yth.0101data.cn/">
							<i class="fa fa-fw ti-home"></i>首页
						</a>
					</li>
				</ol>
			</div>
			<div class="index-scoure">
				<ul>
					<li>
						<div>
							<a href="#"><img src="img/JAVAcourse.png" class="scoure-img"></a>
							<div class="scoure-name-copy">
								<a href="#"><font class="scoure-name">Java程序设计</font></a>
								<span class="scoure-copy">
									<a href="#">
										<img class="scoure-copy-icon" src="img/copy-img.png">
										<span>复制课程</span>
									</a>
								</span>
							</div>
							<a href="#">
								<div title="基于卓越工程师的教学理念......." class="scoure-introduction">
									基于卓越工程师的教学理念.......
								</div>
							</a>
						</div>
					</li>
					<li>
						<div>
							<a href="#"><img src="img/JAVAcourse.png" class="scoure-img"></a>
							<div class="scoure-name-copy">
								<a href="#"><font class="scoure-name">Java程序设计</font></a>
								<span class="scoure-copy">
									<a href="#">
										<img class="scoure-copy-icon" src="img/copy-img.png">
										<span>复制课程</span>
									</a>
								</span>
							</div>
							<a href="#">
								<div title="基于卓越工程师的教学理念......." class="scoure-introduction">
									基于卓越工程师的教学理念.......
								</div>
							</a>
						</div>
					</li>
					<li>
						<div>
							<a href="#"><img src="img/JAVAcourse.png" class="scoure-img"></a>
							<div class="scoure-name-copy">
								<a href="#"><font class="scoure-name">Java程序设计</font></a>
								<span class="scoure-copy">
									<a href="#">
										<img class="scoure-copy-icon" src="img/copy-img.png">
										<span>复制课程</span>
									</a>
								</span>
							</div>
							<a href="#">
								<div title="基于卓越工程师的教学理念......." class="scoure-introduction">
									基于卓越工程师的教学理念.......
								</div>
							</a>
						</div>
					</li>
					<li>
						<div>
							<a href="#"><img src="img/JAVAcourse.png" class="scoure-img"></a>
							<div class="scoure-name-copy">
								<a href="#"><font class="scoure-name">Java程序设计</font></a>
								<span class="scoure-copy">
									<a href="#">
										<img class="scoure-copy-icon" src="img/copy-img.png">
										<span>复制课程</span>
									</a>
								</span>
							</div>
							<a href="#">
								<div title="基于卓越工程师的教学理念......." class="scoure-introduction">
									基于卓越工程师的教学理念.......
								</div>
							</a>
						</div>
					</li>
					<li>
						<div>
							<a href="#"><img src="img/JAVAcourse.png" class="scoure-img"></a>
							<div class="scoure-name-copy">
								<a href="#"><font class="scoure-name">Java程序设计</font></a>
								<span class="scoure-copy">
									<a href="#">
										<img class="scoure-copy-icon" src="img/copy-img.png">
										<span>复制课程</span>
									</a>
								</span>
							</div>
							<a href="#">
								<div title="基于卓越工程师的教学理念......." class="scoure-introduction">
									基于卓越工程师的教学理念.......
								</div>
							</a>
						</div>
					</li>
				<ul>
			</div>
		</div>
		<!--
    	作者：864478199@qq.com
    	时间：2018-03-26
    	描述：底部
    -->
		<div class="login-footer2">
			<span>厦门理工学院 &copy; 2018</span>
		</div>
	</body>
</html>